<template>
    <div class="profile">
      <header-component></header-component>
      <div class="container">
        <div class="profile-list">
          <img src="../assets/images/profile_01.png"/>
          <img src="../assets/images/profile_02.png"/>
          <img src="../assets/images/profile_03.png"/>
          <img src="../assets/images/profile_04.png"/>
          <img src="../assets/images/profile_05.png"/>
          <img src="../assets/images/profile_06.png"/>
          <img src="../assets/images/profile_07.png"/>
          <img src="../assets/images/profile_08.png"/>
          <img src="../assets/images/profile_09.png"/>
          <img src="../assets/images/profile_10.png"/>
          <img src="../assets/images/profile_11.png"/>
        </div>
      </div>
      <footer-msg></footer-msg>

    </div>
</template>
<style scoped>
.profile-zzjg{
  margin-top:0.05rem;
  padding-left:0.05rem;
}
.profile-list img{
  width:100%;
}
  .profile-zzjg .name,.profile-item .cont{
      display:inline-block;
      font-size: 0.17rem;
      color:rgb(71,0,0);
      font-weight: bolder;
      vertical-align: top;
  }
  .profile-item .cont{
    margin-left:0.05rem;
  }
  .profile-item img{
    max-width:100%;
  }
  .profile-item .title{
    font-size: 0.18rem;
    color: rgb(248,203,0);
    font-weight: bolder;
    letter-spacing: 0.02rem;
    -webkit-text-stroke: 0.01rem rgb(204,30,82);
  }
  .profile-item .redcirl{
    color:rgb(217,0,60);
  }
  .jxsz{
    margin-top:0.1rem;
    font-weight: bolder;
    color:rgb(71,0,0);
    font-size:0.16rem;
  }
  .profile-item .people,.profile-item .price{
    color:rgb(217,0,60);
  }
  .profile-item .fontbg{
    font-size:0.2rem;
  }
  .profile-item .fontsm,.jszs-name{
        font-size: .2rem;
    color: #d9003c;
    margin: 0.15rem 0;
  }
  .profile-item{
    margin-bottom:0.05rem;
  }
  .zjfs-item{
    font-weight: bolder;
    color:rgb(71,0,0);
  }
  .zjfs-item .name{
    color:rgb(217,0,60);
    font-size:0
  }
  .zjfs-item .name .num,.zjfs-item .name .cont{
    font-size:0.14rem
  }
  .zjfs-item .name .num{
    width:5%;
  }
  .zjfs-item .name .cont{
    width:95%;
  }
  .zjfs-item .content{
    padding-left:0.15rem;
    font-size:0.14rem;
    margin-top:0.05rem;
  }
  .zjfs-item .content span{
    color:rgb(217,0,60);
    font-size:0.14rem;
   }
   .zjfs-item .content span:nth-child(2),.zjfs-item .content span:nth-child(3){
    margin:0 0.05rem;
   }
   .zjfs,.zjfs-item{
    margin-top:0.1rem;

   }
   .zpyq{
    color: rgb(71, 0, 0);
   }
   .zpyq-name{
      font-size:0.18rem;
      margin-top:0.15rem;
      font-weight: bolder;
      color:rgb(217,0,60);
   }
   .lxwm-item{
      color: rgb(71,0,0);
      font-weight: bolder;
      font-size:0.16rem;
      line-height: 0.3rem;
   }
   .lxwm-item span{
    font-size:0.16rem;
    color:rgb(217,0,60) !important;
   }
</style>
<script>
  import HeaderComponent from './Header.vue'
  import FooterMsg from './FooterMsg.vue'
  export default{
        data(){
            return{
                msg:'hello vue'
            }
        },
        components:{
            HeaderComponent,FooterMsg
        },
        methods: {
            goAnchor(selector) {
                var anchor = this.$el.querySelector(selector)
                document.body.scrollTop = anchor.offsetTop
            }
        }
    }

</script>
